<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>food</title>
    <link rel="stylesheet" href="/css/nav.css">
    <link rel="stylesheet" href="/css/body.css">
    <link rel="stylesheet" href="/css/food.css">
</head>
<body>
    <nav>
        <div class="navtitle"><strong>珍馐美馔</strong>|小黄人美食铺</div>
        <a href="/home.html">主页</a>
        <a href="/popular.html">热门</a>
        <a href="/new.html">新品</a>
        <a href="/菜系.html">菜系</a>
		<a href="/login.html">登录</a>
		<a href="/contact.html">联系我们</a>
        <div class="navanim"></div>
        <div class="none"></div>
    </nav>
    <div class="sec">
        <h1>
            食材推荐
        </h1>
        <h2>
            食材分类
        </h2>
        <ul>
            <li><a href="#section1">来源分类</a></li>
            <li><a href="#section2">营养成分分类</a></li>
            <li><a href="#section3">味道分类</a></li>
            <li><a href="#section4">加工方式分类</a></li>
            <li><a href="#section5">其他分类</a></li>
        </ul>
        <h3 id="section1">来源分类</h2>
            <h4>&emsp;1.动物性食材 <a href="">猪肉</a> 
                <a href="">牛肉</a> 
                <a href="">羊肉</a>
                <a href="">鸡肉</a>
                <a href="">鱼类</a>
                <a href="">虾蟹</a></h4>
            <h4>&emsp;2.植物性食材 <a href="">蔬菜</a>
                <a href="">水果</a>
                <a href="">谷物</a>
                <a href="">豆类</a></h4>
        <h3 id="section2">营养成分分类</h2>
            <h4>&emsp;1.蛋白质类食材 <a href="">猪肉</a>
                <a href="">牛肉</a>
                <a href="">鱼类</a>
                <a href="">豆类</a></h4>
            
            <h4>&emsp;2.脂肪类食材 <a href="">肥肉</a>
                <a href="">坚果</a>
                <a href="">豆类</a></h4>
            
            <h4>&emsp;3.碳水化合物类食材 <a href="">谷物</a>
                <a href="">薯类</a>
                <a href="">水果</a></h4>
            
            <h4>&emsp;4.维生素类食材 <a href="">蔬菜</a>
                <a href="">水果</a></h4>
            
            <h4>&emsp;5.矿物质类食材 <a href="">蔬菜</a>
                <a href="">坚果</a>
                <a href="">鱼类</a></h4>
            
        <h3 id="section3">味道分类</h2>
            <h4>&emsp;1.酸味食材 <a href="">柠檬</a>
                <a href="">醋</a></h4>
            
            <h4>&emsp;2.甜味食材 <a href="">水果</a>
                <a href="">蜂蜜</a>
                <a href="">糖类</a></h4>
            
            <h4>&emsp;3.苦味食材 <a href="">苦瓜</a>
                <a href="">茶叶</a></h4>
            
            <h4>&emsp;4.辣味食材 <a href="">辣椒</a>
                <a href="">姜</a>
                <a href="">蒜</a></h4>
            
            <h4>&emsp;5.咸味食材 <a href="">盐</a>
                <a href="">咸鱼</a>
                <a href="">咸肉</a></h4>
            
        <h3 id="section4">加工方式分类</h2>
            <h4>&emsp;1.生食食材 <a href="">生菜</a>
                <a href="">水果</a></h4>
            
            <h4>&emsp;2.蒸熟食材 <a href="">米饭</a>
                <a href="">蒸煮肉类</a></h4>
            
            <h4>&emsp;3.烧烤食材 <a href="">烤肉</a>
                <a href="">炸鸡</a></h4>
            
            <h4>&emsp;4.腌制食材 <a href="">腌肉</a>
                <a href="">腌菜</a></h4>
            
        <h3 id="section5">其他分类</h2>
            <h4>&emsp;1.新鲜食材 <a href="">蔬菜</a>
                <a href="">水果</a></h4>
            
            <h4>&emsp;2.速冻食材 <a href="">速冻肉类</a>
                <a href="">蔬菜</a></h4>
            
            <h4>&emsp;3.寒性食材 <a href="">绿豆</a></h4>
            
            <h4>&emsp;4.热性食材 <a href="">羊肉</a></h4>
            

    </div>
    <footer class="foot">
        <p>@2023-2024  |  BY:zjw&zqs</p>
        <p>网页版权归zjw&zqs所有</p>
        <p>welcome to Delicious delicacies</p>
    </footer>
</body>
</html>